<div class="mainCont clearfix">
	<div class="demo w30 fl">
		<div class="demoToper"><i class="fa fa-user fa-lg"></i>账户信息</div>
		<div class="demo_cont">
			<p>邮箱：<span>xxxx@xuanyuan.com.cn</span></p>
			<p>用户名：<span>宝宝姓徐</span></p>
			<p>状态：<span>有效</span></p>
			<p>用户类型：<span>管理员</span></p>
		</div>
		<div class="demoToper"><i class="fa fa-user fa-lg"></i>合同期限</div>
		<div class="demo_cont">
			<p>市场部申请体验账号1<span>生效</span></p>
			<p>开始日期：<span>2016-11-17</span></p>
			<p>结束日期：<span>2016-12-31</span></p>
		</div>
	</div>
	<div class="demo w66 fl">
		<div class="demoToper"><i class="fa fa-area-chart fa-lg"></i>资源使用情况</div>
		<div class="demo_cont clearfix">
			<div id="ring" style="width:100%;height:272px;"></div>
		</div>
	</div>
</div>

<div class="mainCont clearfix">
	<div class="demo w98">
		<div class="demoToper"><i class="fa fa-pencil-square fa-lg"></i>最近操作</div>
		<table class="demo_table">
			<tr class="demo_tableTit">
				<td>资源名称</td>
				<td>资源ID</td>
				<td>操作</td>
				<td>状态</td>
				<td>操作时间</td>
				<td>用户</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
			<tr class="demo_tableTxt">
				<td>用户neunn_01@neunn.com登录</td>
				<td>06333</td>
				<td>用户登录
				<td>成功</td>
				<td>2016-12-12 16:58:04</td>
				<td>neunn_01@neunn.com</td>
			</tr>
		</table>
	</div>
</div>

<script type="text/javascript" src="./js/index.js"></script>